<?xml version="1.0" encoding="UTF-8"?>
<nifty-styles>
  <style id="nifty-checkbox-style#panel">
    <attributes width="23px" height="23px" childLayout="center" backgroundColor="#666f" />
    <effect>
      <onActive name="border" color="#222f" post="true" inset="1px" />
      <onFocus name="colorBar" color="#800f" post="true" inset="1px" />
      <onHover name="border" color="#822f" post="true" />
      <onEnabled name="renderQuad" startColor="#2228" endColor="#2220" post="true" length="150" />
      <onDisabled name="renderQuad" startColor="#2220" endColor="#2228" post="true" length="150" />
    </effect>
  </style>
  
  <style id="nifty-checkbox-style#select">
    <attributes align="center" valign="center" width="32px" height="32px" />
    <effect overlay="true">
      <onCustom customKey="show" name="imageSize" startSize="2.0" endSize="1.0" length="250" post="true" />
      <onCustom customKey="show" name="fade" start="#0" end="#f" length="250" post="true" />
      <onCustom customKey="show" name="imageOverlay" filename="checkbox/checkbox.png" width="32px" height="32px" post="true" neverStopRendering="true" />
      <onCustom customKey="hide" name="fade" start="#f" end="#0" length="250" post="true" />
      <onCustom customKey="hide" name="imageOverlay" filename="checkbox/checkbox.png" width="32px" height="32px" post="true" length="250" />
      <onEnabled name="fade" start="#4" end="#f" length="150" post="false" />
      <onDisabled name="fade" start="#f" end="#4" length="150" post="false" />
    </effect>
  </style>
</nifty-styles>
